Safira ALOThemes Document

1 - Caching system

When developing your Magento store,you want to see the changes you have implemented. Inorder tobe ableto see changes immediately, you should completely disable the cache.Youcan enable it after you finish configuring your store.

If the cache is enabled, always refresh the cache after making changes in the store/theme/extension configuration.

To access the cache management screen, go to System >Cache Management.

1.1 Flush cache

Go to System >Cache Management.Click the following buttons to completely clear the store cache:

Step 1: Flush Magento Cache

Step 2: Flush Cache Storage

Step 3: Flush Catalog Images Cache

Step 4: Flush JavaScript/CSSCache

2 - Index management

Magento indexes most of its data in order to access it faster.If You make changes to your store such as editing products, adding categories, changing urls, etc. you will need to reindex the data so that the changes can show up on your frontend.

To access the index management screen,go to System > Index Management.To rebuild your indexes, select all,select Reindex Data and click Submit button.

3 - How to enable the theme

In Magento you can enable the theme on many levels.You can set one theme for the entire store,but can also set different themes for different parts ofthe store (even for selected categories, products or CONTENT pages).

There are many places where a theme can be enabled. If you have just installed a fresh copy of Magento, those places will be empty. Other wise, please take a look at these sections of the admin panel:

• CATALOG > Categories> [category]> Design > Theme
• CATALOG > Product > [product] > Edit a product > Schedule Design Update > New Theme
• CONTENT >Pages >[page]>Custom Design Update > New Theme

  Leave--Please Select--in thesefields,like on the following screenshot:

Go to CONTENT > Design -> Theme You will the list of default and custom themes in Magento 2 including Luma and Blank Theme.There will be the place where you can view all themes you have in your store

To enable the new theme, go to CONTENT > Design -> Configuration

Click Edit to update the new theme

Then click Save Configuration and remember to flush the cache after you change design settings.

4 - Logo

• You can upload your logo to app/design/frontend/Alothemes/safira/web/images/.

Or you can change logo using Magento Admin Panel

• Login your Magento Admin
• Go to CONTENT > Configuration > Edit > Header > Logo Image

5 - Categories

Note: More info about categories in Magento can be found in :

To create and edit categories in Magento, navigate to Catalog > Categories

Categories section of the admin panel. After installation of Magento your category tree is almost empty, there is only the root category (name Default Category):

The root category is not displayed in the frontend of the store –that's why your main menu is empty just after is talling Magento.You need to add some new top-level categories (also called subcategories because they are descendants of the root category).

Important:

All categories have to be descendants of the root category. Do not add categories outside of the root category tree.

To add a new category,select the root category by clicking on itand click Add

Subcategory button:

Fill in all the required fields. Especialy set Is Active and Include in Navigation Menu fields to  Yes, and click Save Category:

Note: that this new category has to be a descendant of the root category– it has tobe one level lower than the root category:

If the category is not displayed in the frontend:reindex the data in System > Index

Management and flush Magento cache.

5.1 Category info

For each category you can add some basic information which will be displayed on categories page (above the products).Navigate to Categories and select a category:

• Description - category description.You can enter textor HTML(optional)
• Image – main category image. After image is uploaded and saved,an icon of the existing image will appear to the left of the button,and a Delete Image checkbox will appear tothe right.
• Add CMS Block – Selected block will be displayed on categories page(optional)

5.2 Landing pages

You can show your customers a landing page instead of the standard product listing page when they select the category. You can do so by enabling static block on your category page.Navigate to Catalog > Categories, select a category, open Display Settings tab and select appropriate value in the Display Mode field.In the CONTENT Block drop-down, select which block you would like to display on category page. The list will include all existing static blocks.

5.3 Depth of the menu

In the main menu you can limit number of displayed category levels. To do that, go to STORES >Configuration >Catalog and specify the depth thin Maximal Depth field. For example, if you want to display only three levels of categories, enter 3 in Maximal Depthfield and save the configuration.From now on,only three levels of categories will be dis played in the main menu.

5.4 Categories in Layered Navigation ("ShopBy")

You can display categories in Magento's Layered Navigation block ("Shop by"block) at the top of the left sidebar in category view.To display selected category in the Layered Navigation, go to Catalog > Categories, click selected category and set Is Anchor field(in Display Settings tab) to Yes:

From now on this category will be displayed in the Layered Navigation.If the category is not displayed in the frontend: reindex the data in System > Index Management and refresh Magento cache.

6 - Products

6.1 Add new Products

To add new products, go to Catalog > Products > Add Product

Choose type of products you want to create. There are 6 type of products in Magento 2

6.2 Design Product Layout

You can design you product layout on the left, on the right or full screen with this default features of Magento 2

For products which have options (like configurable productsor bundle products) you can change position of the options box on product page. It can be displayed in the main column(next to the product images),or in the column below images.Select a product in CATALOG > Product,open Design option and select position in Display Product Options Infield:

7 - Attributes

An attribute in Magento is defined as any property of a product,such as color,price,SKU, manufacturer, etc.There are two types of attributes: System Attributes (cannot bedeleted and every product must contain them) and Simple Attributes(which can be created by the store admin).Attributes are groupped in AttributeSets. Here youcan find more info about Magento attributes:

7.1 Attribute management

To edit existing attributes, go to STORES > Attributes> Product and select an attribute from the list.To create a new attribute,click Add New Attribute button.There are many types of attributes which you can create,one of the most useful is a dropdown attribute which lets you define a list of values that will be available when creating new products.

Important:
After making any changes in the attributes and AttributeSets,you may need to reindex the data in your Magento (3.2 Index management)and flush the cache (3.1 Caching system).
Let's see an example of a dropdown attribute manufacturer which stores a list of product brands.Fill in the form as follows:

After you create the attribute, you need to add it to the Attribute Set which you use for your products.Attribute Sets are described in the next chapter.

7.2 Attribute sets

An Attribute Set is a collection of attributes, created to fit certain types of products. To add a new product in Magento you need to select an AttributeSet which will describe that product. You can create many custom Attribute Sets for different types of products.For example, if you sell t-shirtsand books,you could create 2 AttributeSets:one specific to t-shirts,one specific to books.The Attribute Set for t-shirts can include attributes such as color and size (which are not needed in the AttributeSet for books).

Important: After making any changes in the attributes and AttributeSets, you may need to reindex the data in your Magento (3.2 Index management)and flush the cache (3.1 Cachingsystem).
Let's continue an example with manufacturer attribute. To add your attribute toan AttributeSet,go to Catalog>Attributes >Manage Attribute Sets,select an Attribute Set (default one is named Default). You will see Unassigned Attributes section with a list of available attributes.You can associate attributes to your Attribute Set by clicking and drag in an attribute in to the Groups section.To disassociate an attribute,simply drag it back to the Unassigned Attributes list.

Click Save Attribute Set button after you finish. You can add your custom attributes to many AttributeSets. < Then,go to CATALOG> Products and open a product.If the product is based on the Attribute Set which contain your manufacturer attribute, you will see a list of manufacturers which may look like this:

If you added manufacturer attribute to that AttributeSet, but you don't see the field with the list of manufacturers, you may need to reindex the data in your Magento and flush the cache.

8 - Content Management System (CMS)

8.1 WYSIWYG editor

WYSIWYG(What You See Is What You Get) editor is a convenient way to add content to pages and static blocks in Magento.
Important: WYSIWYG should only be used to edit text, never use it to edit HTML. Remember to always turn off WYSIWYG editor when you want to edit HTML or Magento's CONTENT tags in the page/block content.Otherwise WYSIWYG editor can break your content.
Infact the best way to useWYSIWYG is to turn it on only when it is needed. Go to STORES >Configuration >Content Management and set it as Enabled by Default.
After that, if needed, WYSIWYG can always be turned on with Show/Hide Editor button above the page/block content field. To write content for new pages by using WYSIWYG editor. Go to CONTENT > Elements > Pages > Add New Page

8.2 Static blocks

Static blocks in Magento are simple portions of content that can be displayed throughout the site. To manage static blocks, go to CONTENT >Blocks section in the admin panel.

To create a static block,click Add New Block button and follow these steps:

1. In Identifier field enter an identifier of one of the static blocks. Make sure the identifier is lower-case and separated by underscores to follow Magento’s standards
2. Enter the title in Block Title
3. Select the Store View to which this block will apply.
4. Select Enabled in the Status field. Disabled means that the block is not displayed in the frontend.
5. Insert your Content(it can be textor HTML )and click Save Block. Here’s an example:
   

8.3 CONTENT markup tags

There are some special mark up tags– a bits of text surrounded by double curly braces– which have a special meaning in Magento.You can use those tags either in static blocks or CONTENT pages. For example,this tag:
{{storeurl=""}} or {{storeurl = ''}}
will be replaced with the store’s base URL. It might be useful when you want to display a link on one of your pages.You can use this tag to dynamically build all of your links (you don't need to hard-code any links).Thanks to that you will not need tore build your links after you move your store to a new domain. For example, if your store domain is www.example.com, the following tag placed in the page content:
{{storeurl='path/to/page/about-us'}} will be replaced with this URL: http://www.example.com/path/to/page/about-us/

In this chapter you can find description and configuration details of selected elements of this theme, such as home page, built-instatic blocks, CSS classes etc.

Note: This list of all settings available in the System > Configuration section of the admin panel can be found in the next chapters.